﻿<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
	<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
	<link rel='stylesheet' href='css/960.css' />
	<link rel='stylesheet' href='css/text.css' />
	<link rel='stylesheet' href='css/estilo.css' />
	<title>Lista Ordenada</title>
</head>
<body>
  <!-- Container -->
  <div class='container_12' id='geral'>
	  <div class='grid_12' id='cabecalho'>
		  <h1>Listas Ordenadas</h1>
	  </div>
    
	  <p>Crie as listas a seguir como se pede:</p> 
	  <!-- Conteudo -->
	  <div id='conteudo'>
	    <p>
		  Lista ordenadas contém itens que são numerados apenas <strong>marcadadores númericos</strong>.<br/>
	      Nessas listas pode-se colocar quantos itens desejar atráves do elemento <samp>li</samp>. <br /><br />
		  As listas contém um atributo chamado <strong>type</strong> este atributo é responsável por alterar a exibição dos marcadores.
		  Caso nós colocamos <br /> <samp>ul type='upper roman'</samp> estamos falando que a marcação dele será feita com algarismos romanos em minúsculo.
	    </p>
		<p>Nos exercício vamos manipular as listas com esses atributos.</p>
		
		<strong>Enunciado 1:</strong><br />
		<p>Uma lista dos países da Ámerica do Sul utilizando o atributo <strong>type</strong> com o valor <strong>'decimal-leading-zero'</strong>.</p>
		<p>Uma lista de  produtos de limpeza para cozinha  utilizando o atributo <strong>type</strong> com o valor <strong>'none'</strong>.
		<p>Uma lista de  editores de texto para Windows utilizando o atributo <strong>type</strong> com o valor <strong>'georgian'</strong>.</p>
	   </div> 
	   <!-- /Conteudo -->	 
	   
	   <!-- Inicio Navegacao -->
	   <div  id='nav-inferior'>
	      <a rel='internal' title='anterior' href='list-ordenada.html'>&laquo; anterior</a> 
		  <a rel='internal' title='índice' href='index.html'> | indice | </a> 
		  <a rel='internal' title='próximo' href='list-nao-ordenada.html'>próximo &raquo;</a>
		</div>
		<!-- /Navegacao -->	
    </div>
	<!-- /Container -->
</body>
</html>